<template>
  <div>
    <!-- 我的 -->
    <van-nav-bar
      title="我的"
      right-text="菜单"
      @click-right="OnOrder"
    />
    <!-- 个人信息 -->
     <div class="gr">
      <p>
      <van-image
        round
        width="10rem"
        height="10rem"
        src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg"
      />
    </p>

    <p>
      <span>用户名: user</span><br />
      <span>手机号： 13643516876</span>
    </p>
     </div>
    
    <div style="width: 100%;height: 45px;margin-top: 100px;"></div>
    <!-- 我的订单 -->
    <p @click="goOrder" style="float: left;width: 395px;background: #eee;">我的订单<span style="float: right;">></span></p>
  </div>
</template>

<script setup>
import { ref } from "vue";
// 跳转
import { useRouter } from "vue-router";
let router = new useRouter();
const OnOrder = () =>{
    router.push('/order')
}
const goOrder = () =>{
  router.push('/myOrder')
}
</script>

<style>
.gr p {
  margin-left: 15px;
  line-height: 45px;
  float: left;
}
</style>